@charset "utf-8";
/*
*author:易鑫;
*ver:1.2;
*createTime：2021-01-15 
*updateTime:2021-01-15;
 */
html{ font-size:100%;height: 100%; }
body{
    background-color: #fff;
    /*默认的手机端字体：Helvetica，加微软雅黑是为了在PC上也能模拟类似于手机上的字体效果*/
    font-family: Helvetica,"微软雅黑",-apple-system,sans-serif;
    line-height: 1.5;
    /*禁止文字自动被浏览器缩放 */
    text-size-adjust: 100%!important;
    font-size: 0.16rem;
    /* overflow-x: hidden; */
    
    }
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video{border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    box-sizing: border-box;
    /*清除点击阴影*/
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    /*让字体更顺滑,无锯齿*/
    -webkit-font-smoothing: antialiased;
}
ol,ul,li{list-style:none;}
b,i,u,h1,h2,h3,h4,h5,h6,em,strong{font-style:normal;font-weight:normal;text-decoration:none;}
table{border-collapse:collapse;}
fieldset,img{border:none;outline:none; display: block;width: 100%;}
input,button,select,textarea{font-family:Helvetica; border:none;outline:none; 
    /*消除按钮默认的圆角外观*/
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;}
a{text-decoration:none; outline:none;}

/*公共样式*/
.clearfix:after{content:"\0020"; height:0; display:block; clear:both; overflow:hidden}
/*清除浮动*/

/*文本省略号*/

.cutFont {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* 几行后显示不开省略 */
    -webkit-line-clamp: 2;
}

/* 位置与浮动与显示影藏 */

.fr{float:right;}
.posir{position:relative;}
.none{display: none;}
.block{display: block;}
.fl{float: left;}
/*文字 文字对齐方式*/
.tc{text-align:center}
.tl{text-align:left} 
.tr{text-align:right}
.fb{font-weight:bold}
.txj{text-align:justify;}

/*字体大小*/

.font12 { font-size:0.12rem}
.font13 { font-size:0.13rem}
.font14 { font-size:0.14rem}
.font15 { font-size:0.15rem}
.font16 { font-size:0.16rem}
.font17 { font-size:0.17rem}
.font18 { font-size:0.18rem}   
.font22 {font-size: 0.22rem;}
.font24 {font-size: 0.24rem;}
.font35 {font-size: 0.35rem;}

.font45 {font-size: 0.45rem;}


/*外间距公共样式*/
.m5 { margin: 0.05rem }
.m10{margin: 0.10rem}
.m15{margin: 0.15rem}
.m20{margin: 0.20rem}
.m25{margin: 0.25rem}
.m30{ margin:0.30rem}

.mt5 { margin-top:0.05rem}
.mt10{ margin-top:0.10rem}
.mt15{ margin-top:0.15rem}
.mt20{ margin-top:0.20rem}
.mt25{ margin-top:0.25rem}
.mt30{ margin-top:0.30rem}

.mb5{margin-bottom:0.05rem}
.mb10{margin-bottom:0.10rem}
.mb15{margin-bottom:0.15rem}
.mb20{ margin-bottom:0.20rem}
.mb25{ margin-bottom:0.25rem}
.mb30{ margin-bottom:0.30rem}

.ml5{margin-left:0.05rem}
.ml10{margin-left:0.10rem}
.ml15{margin-left:0.15rem}
.ml20{ margin-left:0.20rem}
.ml25{ margin-left:0.25rem}
.ml30{ margin-left:0.30rem}

.mr5{ margin-right: 0.05rem }
.mr10{margin-right: 0.10rem}
.mr15{margin-right: 0.15rem}
.mr20{margin-right: 0.20rem}
.mr25{margin-right: 0.25rem}
.mr30{ margin-right:0.30rem}


.mlr5{margin: 0 0.05rem }
.mlr10{margin:0 0.10rem}
.mlr15{margin:0 0.15rem}
.mlr20{margin:0 0.20rem}
.mlr25{margin:0 0.25rem}
.mlr30{margin:0 0.30rem}

.mtb5{margin: 0.05rem  0}
.mtb10{margin:0.10rem 0}
.mtb15{margin:0.15rem 0}
.mtb20{margin:0.20rem 0}
.mtb25{margin:0.25rem 0}
.mtb30{margin:0.30rem 0}

/*内间距公共样式*/
.p5{padding: 0.05rem }
.p10{padding: 0.10rem}
.p15{padding: 0.15rem}
.p20{padding: 0.20rem}
.p25{padding: 0.25rem}
.p30{padding:0.30rem}

.pt5{padding-top:0.05rem}
.pt10{padding-top:0.10rem}
.pt15{padding-top:0.15rem}
.pt20{padding-top:0.20rem}
.pt25{padding-top:0.25rem}
.pt30{padding-top:0.30rem}

.pb5{padding-bottom:0.05rem}
.pb10{padding-bottom:0.10rem}
.pb15{padding-bottom:0.15rem}
.pb20{padding-bottom:0.20rem}
.pb25{padding-bottom:0.25rem}
.pb30{padding-bottom:0.30rem}

.pl5{padding-left:0.05rem}
.pl10{padding-left:0.10rem}
.pl15{padding-left:0.15rem}
.pl20{padding-left:0.20rem}
.pl25{padding-left:0.25rem}
.pl30{padding-left:0.30rem}

.pr5{ padding-right: 0.05rem }
.pr10{padding-right: 0.10rem}
.pr15{padding-right: 0.15rem}
.pr20{padding-right: 0.20rem}
.pr25{padding-right: 0.25rem}
.pr30{padding-right:0.30rem}


.plr5{padding: 0 0.05rem }
.plr10{padding:0 0.10rem}
.plr15{padding:0 0.15rem}
.plr20{padding:0 0.20rem}
.plr25{padding:0 0.25rem}
.plr30{padding:0 0.30rem}

.ptb5{padding: 0.05rem  0}
.ptb10{padding:0.10rem 0}
.ptb15{padding:0.15rem 0}
.ptb20{padding:0.20rem 0}
.ptb25{padding:0.25rem 0}
.ptb30{padding:0.30rem 0}
/* 设置弹性布局 */
.flex{display: flex;}
.flex-jc{justify-content: center;}
.flex-ja{ justify-content: space-around;}
.flex-jb{justify-content: space-between;}
.flex-je{justify-content: space-evenly;}
.flex-jend{justify-content: flex-end;}
.flex-aend{align-items: flex-end;}
.flex-ac{align-items: center;}
.flex-ab{align-items:  baseline;}
.flex-w{flex-wrap: wrap;}
.flex-c{flex-direction: column;}
/*颜色，背景色等，根据网站的主色、辅色来设置、调整*/
.blue   { color:#06c}
.brown  { color:#666}
.gray   { color:#999}
.green  { color:#2d9b01}
.orange { color:#f60}
.red    { color:#f23838}
.white  { color:#fff}
.black{color: black;}
/*背景样式*/
.bgcolor { background-color:#eeeded;}
.bgGray{background-color: #f2f2f2}
.bgRed{ background-color: red; }
.bgBlue{ background-color:#6c97e0}
.bgBrown { background-color:#666}
.bgGra{ background-color:#999}
.bgGreen { background-color:#2d9b01}
.bgOrange{ background-color:#ff6400}
.bgWhite{background-color:#fff}
.bgz{background-color: #c50cbe;}
.bgc{background-color: #ffbeb0;}
.bgretin{background-color: red;}
.yellow{background-color: yellow;}
.w100{width: 100%;}
